<div class="box">
    <div class="step">
      <nz-steps [nzCurrent]="1">
        <nz-step nzTitle="1"></nz-step>
        <nz-step nzTitle="2"></nz-step>
        <nz-step nzTitle="3"></nz-step>
      </nz-steps>
    </div>
    <div class="form">
      <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()" style="flex:1 ">
        <nz-form-item>
          <nz-form-label [nzSpan]="6" nzFor="documentDate">单据日期</nz-form-label>
          <nz-form-control>
            <nz-input-group>
              <nz-range-picker formControlName="documentDate"></nz-range-picker>
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSpan]="6" nzFor="documentNumber">单据编号</nz-form-label>
          <nz-form-control>
            <nz-input-group>
              <input style="width: 300px;" formControlName="documentNumber" nz-input type="documentNumber" placeholder="单据编号" />
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-label [nzSpan]="6" nzFor="buyer">采购员</nz-form-label>
          <nz-form-control>
            <nz-input-group>
              <nz-select
                id="buyer"
                formControlName="buyer"
                nzPlaceHolder="请选择采购员"
                >
              <nz-option nzValue="male" nzLabel="male"></nz-option>
              <nz-option nzValue="female" nzLabel="female"></nz-option>
            </nz-select>
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <!-- <nz-form-control>
            <button nz-button nzType="primary">搜索</button>
          </nz-form-control> -->
        </nz-form-item>
    </form>
    </div>
</div>